.c2c {
	margin: 0 24rpx 20rpx;
	view {
		line-height: 1;
	}
	.select_nav {
			height: 48upx;
			display: flex;
			padding: 0 76rpx;
			justify-content: space-between;
			margin-bottom: 20rpx;
			view {
				color: #000000;
				display: flex;
				border-radius: 71px;
				justify-content: center;
				align-items: center;
				position: relative;
				&.active {
					color: #488fd3;
					position: relative;
				}
				&.active::after {
					content: '';
					position: absolute;
					bottom: 0;
					background: #488fd3;
					width: 58rpx;
					height: 5upx;
					border-radius: 4rpx;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
	
	.top {
		background: #fff;
		padding: 14rpx;
		margin-bottom: 16rpx;
		text {
			font-size: 20rpx;
		}
		.gray {
			color: $gray;
		}
		.one {
			display: flex;
			justify-content: space-between;
			margin-bottom: 14rpx;
		}
	}
	.btm {
		background: #fff;
		padding: 30rpx 80rpx 100rpx;
		.title {
			font-size: 30rpx;
			text-align: center;
		}
		.titles {
			font-size: 30rpx;
			margin: 32rpx 0 68rpx;
			text-align: center;
		}
		.sel {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 4rpx;
			width: 536rpx;
			background: #bfbfbf;
			position: relative;
			margin-bottom: 16rpx;
			image {
				position: absolute;
				width: 24rpx;
				height: 18rpx;
				z-index: 3;
			}
			.sel_bg {
				position: absolute;
				background: $blue;
				height: 4rpx;
				z-index: 1;
			}
			.per {
				width: 14rpx;
				height: 18rpx;
				background: #bfbfbf;
				z-index: 2;
			}
		}
		.num {
			display: flex;
			justify-content: space-between;
			position: relative;
			.ff {
				margin-left: 12rpx;
			}
		}
	}
	.btn {
		height: 50rpx;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		background: $blue;
		margin: 24rpx 0 26rpx;
	}
	.sm_title {
		color: $gray;
		font-size: 16rpx;
	}
	.ss_title {
		color: $panSell;
		font-size: 16rpx;
		margin-top: 6rpx;
	}
}
